html,body {
    height:100%;
}

body,ul,li,header,nav,aside,section,article,p {

    border:0;
}

body {
    font-size:12px;
    -webkit-user-select:none;
    -webkit-text-size-adjust:none;
    font-family:helvetica;

}

p {
    margin-bottom:1.5em;
    line-height:150%;
}

header,nav,aside,section,article {
    display:block;
}

#page {
    width:100%; height:100%;
    position:relative;
    display:-webkit-box;
    -webkit-box-orient:horizontal;
    
}

#sidebar {
    width:220px;
    margin-right:1px;
}

#content {
    -webkit-box-flex:1;
}

#sidebar, #content {
    position:relative;
    height:100%;
}

header {
    height:43px; line-height:43px;
    border-bottom:1px solid #838a9a;
    background:-webkit-gradient(linear, 0 0, 0 100, from(#f4f5f7), to(#999da9));
    color:#717880;
    font-size:18px; font-weight:bold;
    text-align:center;
    text-shadow:0 1px 0 #fff;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
}

#navScroller > li {
    padding:0 10px;
    border-bottom:1px solid #ccc;
    height:40px; line-height:40px;
}

#contentScroller {
    -webkit-box-sizing:border-box;
    padding:20px;
}
#contentScroller2 {
    -webkit-box-sizing:border-box;
    padding:20px;
}

nav{background:url("../images/bg-aside.png") repeat-y scroll 0 0 transparent;}
nav, article {
    position:absolute;
    top:44px; bottom:0; left:0; right:0;
    font-size:15px;
}
nav h3 {
    background: url("../images/bg-side-h3.png") no-repeat scroll 0 0 transparent;
    font-size: 14px;
    height: 29px;
    line-height: 29px;
    margin-bottom: 10px;
    text-indent: 10px;
    width: 220px;
}